<template>
  <el-pagination
    background
    :page-size="pageSize"
    :current-page="currentPage"
    layout="prev, pager, next"
    :total="total"
    prev-text="上一页"
    next-text="下一页"
    :pager-count="pagerCount"
    hide-on-single-page
  />
</template>
<script setup lang="ts">
defineProps({
  total: {
    type: Number,
    default: 0,
  },
  pageSize: {
    type: Number,
    default: 10,
  },
  pagerCount: {
    type: Number,
    required: false,
    default: 5,
  },
  currentPage: {
    type: Number,
    default: 1,
  },
});
</script>
